<!DOCTYPE html>
<html>
<head>
  	<title>进销存管理系统</title>
  	<#import "/common/common.macro.ftl" as netCommon>
	<@netCommon.commonStyle />
	<!-- DataTables -->
  	<link rel="stylesheet" href="${request.contextPath}/static/adminlte/plugins/datatables/dataTables.bootstrap.css">

	<#-- select2
    <link rel="stylesheet" href="${request.contextPath}/static/adminlte/plugins/select2/select2.min.css">
    <script src="${request.contextPath}/static/adminlte/plugins/select2/select2.min.js"></script>
    //$(".select2").select2();
    -->
	<style>
		.row {
		  margin-top: 4px;
		  margin-bottom: 4px;
		}
		.summerButton{
			margin-top: 4px;
		}
	</style>
</head>
<body class="hold-transition skin-blue sidebar-mini <#if cookieMap?exists && "off" == cookieMap["adminlte_settings"].value >sidebar-collapse</#if>">
<div class="wrapper">
	<!-- header -->
	<@netCommon.commonHeader />
	<!-- left -->
	<@netCommon.commonLeft "customer" />
	
	<!-- Content Wrapper. Contains page content -->
	<div class="content-wrapper">
		<!-- Content Header (Page header) -->
		<section class="content-header">
			<h1>客户管理</h1>
		</section>
		
		<!-- Main content -->
	    <section class="content">
	   	 <div class="box box-primary">
	   	 	<div class="box-body">
		    	<div class="row">
		    		<div class="col-xs-4">
		              	<div class="input-group">
		                	<span class="input-group-addon">客户公司</span>
	                		<input type="text" class="form-control input-sm" id="customerName" autocomplete="on" name="customerName">
		              	</div>
		            </div>
	                <div class="col-xs-4">
	                    <div class="input-group">
	                        <span class="input-group-addon">联系人</span>
	                        <input type="text" class="form-control input-sm" id="contacts" autocomplete="on" name="contacts">
	                    </div>
	                </div>
	                <div class="col-xs-4">
	                    <div class="input-group">
	                        <span class="input-group-addon">联系电话</span>
	                        <input type="text" class="form-control input-sm" id="telephone" autocomplete="on" name="telephone">
	                    </div>
	                </div>
	          	</div>
		    	<div class="row">
		            <div class=" col-sm-offset-9 col-xs-1 summerButton">
		            	<button class="btn btn-block btn-info btn-xs" id="searchBtn">搜索</button>
		            </div>
		            <div class="col-xs-2 summerButton">
		            	<button class="btn btn-success add btn-xs" type="button">+新增客户</button>
		            </div>
	          	</div>
	          </div>
	         </div>
	    	
			<div class="row">
				<div class="col-xs-12">
					<div class="box">
			            <div class="box-body" >
			              	<table id="customer_list" class="table table-bordered table-striped">
				                <thead>
					            	<tr>
					            		<th name="id" >id</th>
                                        <th name="customername" >客户公司</th>
                                        <th name="contacts" >联系人</th>
					                  	<th name="telePhone" >联系电话</th>
                                        <th name="address" >地址</th>
					                  	<th name="warehouse" >仓库地址</th>
                                        <th name="remark" >备注</th>
					                  	<th>操作</th>
					                </tr>
				                </thead>
				                <tbody></tbody>
				                <tfoot></tfoot>
							</table>
						</div>
					</div>
				</div>
			</div>
	    </section>
	</div>
	
	<!-- footer -->
	<@netCommon.commonFooter />
</div>

<!-- account新增.模态框 -->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog"  aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
            	<h4 class="modal-title" >新增客户</h4>
         	</div>
         	<div class="modal-body">
				<form class="form-horizontal form" role="form" >
					<div class="form-group">
						<label for="username" class="col-sm-2 control-label">客户公司<font color="red">*</font></label>
						<div class="col-sm-4"><input type="text" class="form-control" name="customername" placeholder="请输入公司名" maxlength="50"></div>
						<label for="username" class="col-sm-2 control-label">联系人<font color="red">*</font></label>
						<div class="col-sm-4"><input type="text" class="form-control" name="contacts" placeholder="请输入联系人" maxlength="50"></div>
					</div>
					<div class="form-group">
						<label for="username" class="col-sm-2 control-label">联系电话<font color="red">*</font></label>
						<div class="col-sm-4"><input type="text" class="form-control" name="telephone" placeholder="请输入联系电话" maxlength="50" ></div>
						<label for="username" class="col-sm-2 control-label">地址<font color="red">*</font></label>
						<div class="col-sm-4"><input type="text" class="form-control" name="address" placeholder="请输入地址" maxlength="50" ></div>
					</div>
					<div class="form-group">
						<label for="username" class="col-sm-2 control-label">仓库地址</label>
						<div class="col-sm-4"><input type="text" class="form-control" name="warehouse" placeholder="请输入仓库地址" maxlength="50" id="password1"></div>
                        <label for="lastname" class="col-sm-2 control-label">备注</label>
                        <div class="col-sm-4"><input type="text" class="form-control" name="remark" placeholder="请输入备注" maxlength="50" ></div>
					</div>

                    <hr>
					<div class="form-group">
						<div class="col-sm-offset-5 col-sm-6">
							<button type="submit" class="btn btn-primary"  >保存</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						</div>
					</div>
				</form>
         	</div>
		</div>
	</div>
</div>

<!-- 更新.模态框 -->
<div class="modal fade" id="updateModal" tabindex="-1" role="dialog"  aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
            	<h4 class="modal-title" >更新客户</h4>
         	</div>
         	<div class="modal-body">
				<form class="form-horizontal form" role="form" >
                    <div class="form-group">
						<label for="username" class="col-sm-2 control-label">客户公司<font color="red">*</font></label>
						<div class="col-sm-4"><input type="text" class="form-control" name="customername" placeholder="请输入公司名" maxlength="50"></div>
						<label for="username" class="col-sm-2 control-label">联系人<font color="red">*</font></label>
						<div class="col-sm-4"><input type="text" class="form-control" name="contacts" placeholder="请输入联系人" maxlength="50"></div>
					</div>
					<div class="form-group">
						<label for="username" class="col-sm-2 control-label">联系电话<font color="red">*</font></label>
						<div class="col-sm-4"><input type="text" class="form-control" name="telephone" placeholder="请输入联系电话" maxlength="50" ></div>
						<label for="username" class="col-sm-2 control-label">地址<font color="red">*</font></label>
						<div class="col-sm-4"><input type="text" class="form-control" name="address" placeholder="请输入地址" maxlength="50" ></div>
					</div>
					<div class="form-group">
						<label for="username" class="col-sm-2 control-label">仓库地址</label>
						<div class="col-sm-4"><input type="text" class="form-control" name="warehouse" placeholder="请输入仓库地址" maxlength="50" id="password1"></div>
                        <label for="lastname" class="col-sm-2 control-label">备注</label>
                        <div class="col-sm-4"><input type="text" class="form-control" name="remark" placeholder="请输入备注" maxlength="50" ></div>
					</div>
					<hr>
					<div class="form-group">
                        <div class="col-sm-offset-5 col-sm-6">
							<button type="submit" class="btn btn-primary"  >保存</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <input type="hidden" name="id" >
						</div>
					</div>
				</form>
         	</div>
		</div>
	</div>
</div>


<@netCommon.commonScript />
<!-- DataTables -->
<script src="${request.contextPath}/static/adminlte/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="${request.contextPath}/static/adminlte/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="${request.contextPath}/static/plugins/jquery/jquery.validate.min.js"></script>
<!-- daterangepicker -->
<script src="${request.contextPath}/static/adminlte/plugins/daterangepicker/moment.min.js"></script>
<script src="${request.contextPath}/static/adminlte/plugins/daterangepicker/daterangepicker.js"></script>
<script src="${request.contextPath}/static/js/customer.index.1.js"></script>
</body>
</html>
